import type { EChartsOption } from 'echarts'
import * as echarts from 'echarts/core'

export function getOption(): EChartsOption {
  return  {
    tooltip: {//提示框组件
      trigger: 'axis',//触发类型 柱状图
      axisPointer:{type:'shadow'} //触发效果 移动上去 背景效果
    },
    grid: {
      top: '20%',
      left: '2%',
      right: '2%',
      bottom: '5%',
      containLabel: true
    },
    xAxis: [//x轴
      {
        type: 'category',//坐标轴类型 离散
        data: [2018,2019,2020,2021,2022],//数据
        axisLine: {//坐标轴样式
          show: true,//是否显示
          lineStyle: {//线的样式
            type:'dashed'//线的类型 虚线
          },
        },
        axisLabel: {
          color: "#DEDEDE"
        }
      },
    ],
    yAxis: [//y轴
      {
        min: 0,//最小
        max: 700,//最大
        interval: 100,//相差
        name:'',//名称
        type: 'value',//连续类型
        axisLine: {//坐标轴样式
          show: false, //不显示
        },
        splitLine: {//分隔辅助线
          lineStyle: {
            type:'dashed',//线的类型 虚线0
            opacity:0.2//透明度
          },
        },
        axisLabel: {
          color: "#DEDEDE"
        }
      },
    ],
    series: [//系统列表
      {
        name: '用水消耗',//名称
        type: 'bar',//类型
        barWidth :11,//宽度
        data: [300, 450, 90, 300, 520, 450, 150, 300],//数值
        z:2,
        itemStyle: {
          borderRadius:[10,10,0,0],
          color: {//渐变色
            x: 0,
            y: 0,
            x2: 0,
            y2: 1,
            type: 'linear',
            global: false,
            colorStops: [
              {
                offset: 0,
                color: 'rgba(6, 244, 231)',
              },
              {
                offset: 1,
                color: 'rgba(6, 244, 231,0)',
              },
            ],
          },
        },
      },

    ],
  };
}
